{{define "infoCollection/history.html"}}
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>郑州第一人民医院脑卒中危险因素筛查系统</title>
        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
        {{template "include/styleRefer.html"}}
        {{template "include/scriptRefer.html"}}

    </head>
    <body class="hold-transition skin-blue sidebar-mini">
    <div class="wrapper">
        {{template "mainHeader.html"}}
        {{template "nav.html"}}
        <div class="content-wrapper">
            {{template "contentHeader.html"}}
            <section class="content">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="box">
                            <div class="box-header">
                                <h3 class="box-title">历年筛查统计数据</h3>
                            </div>
                            <!-- /.box-header -->
                            <div class="box-body" id="screenYearRecord">
                            </div>
                        </div>


                    </div>
                </div>
            </section>
        </div>
    </div>
    <script>
        let colors = ["green", "orange", "blue", "red", "yellow", "aqua"];
        let ions = ["ion-bag", "ion-stats-bars", "ion-person-add", "ion-pie-graph"];
        $(function () {
            let years ={{.screenYearRecord}};
            $.each(years, function (index, year) {
                let c = "small-box bg-" + colors[index];
                let i = "ion " + ions[index];
                let tmp = "<div class=\"col-lg-3 col-xs-6\"><div class='" + c + "'><div class=\"inner\"><h3>" + year + "</h3><p>年</p></div><div class=\"icon\"><i class='"+i+"'></i></div><a href='/infoCollection/toHistory?year="+year+"' class=\"small-box-footer\">详情&nbsp;<i class=\"fa fa-arrow-circle-right\"></i></a></div></div>";
                $("#screenYearRecord").append(tmp);
            });
        });
    </script>
    </body>
    </html>
{{end}}